<template>
    <div>
        <button @click="start">开始</button>
    </div>
</template>
<script>
    import {defineComponent ,ref} from 'vue'
    import{useRouter} from 'vue-router'
    export default defineComponent({
        name:'Start',
        setup(){
            let router=useRouter();
           
            let name=ref('jacr');
            let age=ref(19);
            let obj=ref({
                msg:'樱花开了'
            })
            //push 如果传递的对象的形似,就可以传递参数
            //query 传参
            //push 里面还可以传入name, name是路由的名字(router文件里面的)
            //query 传参path和name都可以
            //params 传参只能用name
             let start=()=>{
                router.push({
                    path:'/',
                    query:{
                        name:name.value,
                        age:age.value,
                        obj:JSON.stringify(obj)
                    },
            //params传参
                    // name:'home',
                    // params:{
                    //     name:name.value,
                    //     age:age.value,
                    //     obj:JSON.stringify(obj)
                    // }
                })
            }
            return{
                start,
                name,
                age,
                obj
            }
        }
    })
</script>
